<%--
    Document   : listaCitas
    Created on : 8/06/2009, 08:22:59 PM
    Author     : WILLIAM GASTAÑUEDI
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<script language="javascript" src="../js/funciones.js"></script>
<link href="/colegiatura/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form>
<table width="100%" border="0" cellpadding="1" cellspacing="1">
  <tr>
      <td colspan="5" align="left" class="texto3">
        <h:outputLabel value="Programación de Citas" styleClass="texto3"/> </td>
  </tr>
<tr><td height="20">
     <a4j:outputPanel ajaxRendered="true" >
    <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
    </a4j:outputPanel>
      </td>
  </tr>
  <tr>
    <td colspan="5" height="40" align="left">
        <h:commandButton action="#{citaController.nuevo}" value="Nueva Cita" styleClass="enlace9"/></td>
  </tr>
  <tr>
    <td colspan="5">
        <r:dataTable value="#{citaController.listaCita}" var="cita" rows="10" id="TableCita"
        reRender="dt" headerClass="texto18" border="0" rowClasses="TableImpar,TablePar">
           <r:column width="100" filterBy="#{cita.fechaCita}" filterEvent="onkeyup">
                <f:facet name="header">
                    <h:outputLabel value="Fecha" />
                </f:facet>
                <h:outputLabel value="#{cita.fechaCita}" styleClass="texto20"/>
            </r:column>
            <r:column width="200">
                <f:facet name="header">
                    <h:outputLabel value="Hora" />
                </f:facet>
                <h:outputLabel value="#{cita.horaCita}" styleClass="texto20" />
            </r:column>
            <r:column width="100" filterBy="#{cita.estado.eciNombre}" filterEvent="onkeyup">
                <f:facet name="header">
                    <h:outputLabel value="Estado" />
                </f:facet>
                <h:outputLabel value="#{cita.estado.eciNombre}" styleClass="texto20" />
            </r:column>
            <r:column width="100" filterBy="#{cita.citcodigoProg==1?'Programada':'Reprogramada'}" filterEvent="onkeyup">
                <f:facet name="header">
                    <h:outputLabel value="Programación" />
                </f:facet>
                <h:outputLabel value="#{cita.citcodigoProg==1?'Programada':'Reprogramada'}" styleClass="texto20" />
            </r:column>
            <r:column width="100" filterBy="#{cita.fechaReg}" filterEvent="onkeyup">
                <f:facet name="header">
                    <h:outputLabel value="Fecha Registro" />
                </f:facet>
                <h:outputLabel value="#{cita.fechaReg}" styleClass="texto20" />
            </r:column>
            <r:column width="150">
                <f:facet name="header"></f:facet>&nbsp;&nbsp;
                <h:commandButton action="ir_a_editar" image="/imagenColegiatura/editar.png" title="Editar">
                    <f:setPropertyActionListener target="#{citaController.cita}" value="#{cita}" />
                </h:commandButton>&nbsp;&nbsp;
                <h:commandButton action="#{citaController.eliminar}" image="/imagenColegiatura/eliminar.png" title="Eliminar">
                    <f:setPropertyActionListener target="#{citaController.cita}" value="#{cita}" />
                </h:commandButton>
            </r:column>
            <f:facet name="footer">
                <r:datascroller id="dt" renderIfSinglePage="false" />
            </f:facet>
        </r:dataTable>
      </td>
  </tr>
</table>
</h:form>
</f:view>